<!doctype html>
<html class="no-js">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="description" content="">
    <meta name="keywords" content="">
    <meta name="viewport"
          content="width=device-width, initial-scale=1">
    <title>Hello Amaze UI</title>

    <!-- Set render engine for 360 browser -->
    <meta name="renderer" content="webkit">

    <!-- No Baidu Siteapp-->
    <meta http-equiv="Cache-Control" content="no-siteapp"/>

    <link rel="icon" type="image/png" href="assets/i/favicon.png">

    <!-- Add to homescreen for Chrome on Android -->
    <meta name="mobile-web-app-capable" content="yes">
    <link rel="icon" sizes="192x192" href="assets/i/app-icon72x72@2x.png">

    <!-- Add to homescreen for Safari on iOS -->
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="Amaze UI"/>
    <link rel="apple-touch-icon-precomposed" href="i/app-icon72x72@2x.png">

    <!-- Tile icon for Win8 (144x144 + tile color) -->
    <meta name="msapplication-TileImage" content="i/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#0e90d2">

    <link rel="stylesheet" href="__TMPL__/public/menu/css/amazeui.min.css">
    <link rel="stylesheet" href="__TMPL__/public/menu/css/app.css">
</head>
<body>
<div class="header">
    <div class="logo"><img src="__TMPL__/public/menu/images/logo.png" /></div>
</div>
<div class="am-g container" >
    <div class="left-body">
        <section class="am-fl am-left-area" >
            <div style="padding-bottom:49px;">
                <ul class="am-list am-margin-bottom-xs am-avg-sm-4 am-avg-md-4 am-avg-lg-4 am-text-lg am-text-center am-padding-sm  color01">
                    <li>订单号</li>
                    <li class="orderid"><input type="hidden" id="orderid" value=""></li>
                </ul>
                <ul class="am-list am-margin-bottom-xs am-avg-sm-4 am-avg-md-4 am-avg-lg-4 am-text-lg am-text-center am-padding-sm  color01">
                    <li>行号</li>
                    <li>商品</li>
                    <li>数量*单价</li>
                    <li>金额</li>
                </ul>
                <div id="cart">
                </div>
                <div class="beizhu">备注：不加冰，不加糖</div>
                <div class="jiezhang">
                    <span>合计：</span><strong class="all"></strong>
                    <div class="jz_button"><a class="close">结账</a></div>
                </div>
            </div>
        </section>
    </div>
    <section class="am-fl am-right-area am-u-lg-8 am-padding-0">
        <div data-am-widget="tabs" class="am-tabs am-tabs-default">
            <div class="am-ubb">
                <ul class="am-tabs-nav am-cf">
                    <li ><a class="category"><input type="hidden" value=""> 全部</a></li>
                   <foreach name="category" item="category">
                    <li style="margin-left: 20px;"><a class="category"><input type="hidden" value="{$category.id}">{$category.classify_name}</a></li>
                   </foreach>
                    <li style="margin-left: 20px;" class="am-active "><a class="category"><input type="hidden" value="taocan">套餐</a></li>
                </ul>
            </div>
            <div class="am-tabs-bd">
                <div data-tab-panel-0 class="am-tab-panel am-active" >
                    <ul class="am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-thumbnails am-text-center show" >
                        <foreach name="data" item="data">
                        <li >
                            <a class="adds"><img class="am-thumbnail" style="width: 50%;height:50%;" src="__ROOT__/upload/{$data.g_pic}" />
                            <p class="am-margin-bottom-xs am-text-default"><em>{$data.g_goodsname}({$data.g_formatname})</em></p>
                            <p class="jiage">￥{$data.g_price}</p>
                            <input type="hidden" class="goods_id" value="{$data.g_id}">
                            <input type="hidden" class="format" value="{$data.g_format}">
                            <input type="hidden" class="stemeal" value="{$data.stemeal}">
                            </a>
                        </li>
                        </foreach>
                    </ul>
                </div>
                <div data-tab-panel-1 class="am-tab-panel "></div>
            </div>
        </div>
        <!--<div class="right_bottom">
        	<div class="bottom_L"><a href="">加冰</a><a href="">加冰</a><a href="">加冰</a><a href="">加冰</a><a href="">加冰</a><a href="">加冰</a></div>
        	<div class="bottom_R">
            	<a href=""><img src="images/012.png" /></a><a href=""><img src="images/013.png" /></a><a href=""><img src="images/014.png" /></a>
            </div>
        </div>-->
    </section>
</div>
<!--左边导航-->
<div data-am-widget="navbar" class="am-navbar am-cf am-bg-white am-left-slider">
    <ul class="am-navbar-nav am-cf am-avg-sm-4 am-padding-0">
        <li class="am-btn-warning">
            <a id="puorder" class="am-text-white">挂单</a>
        </li>
        <li class="am-btn-warning">
            <a id="clear" class="am-text-white">清空</a>
        </li>
        <li class="am-btn-primary">
            <em class="bage">10</em>
            <a href="###" class="am-text-white">外面</a>
        </li>
    </ul>
</div>

<!--右边导航-->
<div data-am-widget="navbar" class="am-navbar am-cf am-right-slider">
    <div class="am-u-sm-6 am-u-md-6 am-u-lg-6">
        <a class="am-btn am-btn-warning am-radius am-margin-right-sm" href="#">加冰</a>
        <a class="am-btn am-btn-warning am-radius am-margin-right-sm" href="#">加冰</a>
        <a class="am-btn am-btn-warning am-radius am-margin-right-sm" href="#">加冰</a>
        <a class="am-btn am-btn-warning am-radius am-margin-right-sm" href="#">加冰</a>
        <a class="am-btn am-btn-warning am-radius" href="#">加冰</a>
    </div>
    <div class="am-u-sm-6 am-u-md-6 am-u-lg-6 am-padding-left-0">
        <ul class="am-navbar-nav am-cf am-avg-sm-3">
            <li class="am-btn-warning">
                <a href="###" class="am-text-white am-text-lg"><img class=" am-inline-block am-margin-0 am-padding-right-xs" src="__TMPL__/public/menu/images/012.png" />会员</a>
            </li>
            <li class="am-btn-warning">
                <a href="###" class="am-text-white am-text-lg"><img class=" am-inline-block am-margin-0 am-padding-right-xs" src="__TMPL__/public/menu/images/013.png" />钱箱</a>
            </li>
            <li class="am-btn-warning">
                <a href="{:url('Home/User/index')}" class="am-text-white am-text-lg"><img class=" am-inline-block am-margin-0 am-padding-right-xs" src="__TMPL__/public/menu/images/014.png" />管理</a>
            </li>
        </ul>
    </div>
</div>
<script src="__TMPL__/public/menu/js/jquery.js"></script>
<script src="__STATIC__/js/layer/layer.js"></script>
<script src="__TMPL__/public/menu/js/order.js"></script>
<script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
<script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
<script src="__TMPL__/public/menu/js/amazeui.ie8polyfill.min.js"></script>
<script src="__TMPL__/public/menu/js/amazeui.min.js"></script>
</body>
</html>
<script>
    /*
   * 商品选择
   * */
    $(".category").click(function(){
        var  id=$(this).children('input').val();
        $.post('{:url("menu/show")}',{id:id},function (data) {
            var data=data.msg;
            var src = '';
            if(data != '')
            {
                $.each(data, function (k, val) {
                    src += '<li >' +
                        '<a class="adds"><img class="am-thumbnail" style="width: 50%;height:50%;" src="__ROOT__/upload/'+
                        val.g_pic+
                        '" />'+
                        '<p class="am-margin-bottom-xs am-text-default"><em>'+
                        val.g_goodsname+
                        '</em></p>'+
                        '<p class="jiage">￥'+
                        val.g_price+
                        '</p>'+
                        '<input type="hidden" class="goods_id" value="'+
                        val.g_id+
                        '">'+
                        '<input type="hidden" class="format" value="'+
                        val.g_format+
                        '">'+
                        '<input type="hidden" class="stemeal" value="'+
                        val.stemeal+
                        '">'+
                        '</a> </li>'
                    $('.am-avg-sm-2').html(src);
                })
            }else{
                $('.am-avg-sm-2').html(src);
            }
        })
    });
    $('.close').click(function () {
        layer.open({
            type: 2,
            title: '订单结算',
            shadeClose: true,
            shade: false,
            maxmin: true, //开启最大化最小化按钮
            area: ['1300px', '800px'],
            content: "{:url('home/orderpay/paytype')}"//视图路径
        })
    });
</script>




